import styles from './styles.less';
import Statistics from "./components/Statistics";
import DataTable from "./components/DataTable";
import ColumnChart from "./components/ColumnChart";
import LineChart from "./components/LineChart";
import FastNav from "./components/FastNav";
import {Col, Row} from "antd";

const App = () => {
  return (
    <div className={styles.myContainer}>
      <Row gutter={5}>
        <Col xl={15} lg={24} md={24} sm={24} xs={24}>
          <Statistics/>
          <DataTable/>
        </Col>
        <Col xl={9} lg={24} md={24} sm={24} xs={24}>
          <ColumnChart/>
          <LineChart/>
          <FastNav/>
        </Col>
      </Row>
    </div>
  );
};

export default App;
